import { createApp, App as AppInstance } from 'vue';
import pinia from '@/pinia/pinia.ts';
import router from '@/router/router.ts';
import App from './App.vue';
import ElementPlus from 'element-plus';
import zhCn from 'element-plus/dist/locale/zh-cn.mjs';
import 'element-plus/dist/index.css';
import 'virtual:svg-icons-register';
import 'nprogress/nprogress.css';
import 'element-plus/theme-chalk/display.css'
import '/src/styles/index.scss';
import directive from "@/directive";
// 暗黑模式
import 'element-plus/theme-chalk/dark/css-vars.css'
import globalComponents from '@/components/index.ts';
import "@/permission.ts"
const app: AppInstance<Element> = createApp(App);
app.use(ElementPlus, { locale: zhCn });
app.use(globalComponents);
app.use(pinia);
app.use(router);
app.use(directive)
app.mount('#app');
